<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/study.css">

    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/footer.js"></script>
    <title>学习中心详情</title>
    <script>
        $(function() {
            // 1.点击上部的li，当前li 添加active类，其余兄弟移除类
            $(".main-title li").click(function() {
                $(this).addClass("active").siblings().removeClass("active");
                // 2.点击的同时，得到当前li 的索引号
                var index = $(this).index();
                // 3.让下部里面相应索引号的item显示，其余的item隐藏
                $(".main-body .item").eq(index).show().siblings().hide();
            });
            $(".like").click(function() {
                // 1.点击点赞按钮 切换img的src属性
                if ($(this).children("img").prop("src").indexOf("like1") == -1) {
                    $(this).children("img").prop("src", "images/like1.png");
                    // 2.点赞数加1
                    var num = parseInt($(this).siblings("i").html());
                    $(this).siblings("i").html(num + 1)
                } else {
                    alert("只能点赞一次哦！")
                }
            });
            // 鼠标触摸，播放按钮出现
            $(".media-empty").hover(function() {
                $(this).css("opacity", 1);
            }, function() {
                $(this).css("opacity", 0);
            })

        })
    </script>
</head>

<body>
    <!-- header模块 -->
    <div class="header">
        <div class="w">
            <div class="logo fl">
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>
            <ul class="fl">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li class="active">
                    <a href="study.html">学习中心</a>
                </li>
                <li>
                    <a href="news.html">校园资讯</a>
                </li>
                <li>
                    <a href="personal-course.html">个人中心</a>
                </li>
                <li>
                    <a href="messages.html">留言</a>
                </li>
            </ul>
            <!-- 搜索框 -->
            <div class="input-search fl">
                <input type="search" class="search" id="search" placeholder="搜索...">
                <span class="glyphicon glyphicon-search"></span>
            </div>
            <!-- 登录注册按钮 -->
            <div class="fl">
                <a href="javascript:;" class="login">登录/注册</a>
            </div>
        </div>
    </div>
    <!-- 路径导航 -->
    <div class="student-detail-nav">
        <div class="w">
            <span class="glyphicon glyphicon-home fl" style="padding:17px;"></span>
            <ol class="breadcrumb fl" style="background-color:#fff;">
                <li><a href="index.html">网站首页</a></li>
                <li><a href="study.html">学习中心</a></li>
                <li class="active">课程详情</li>
            </ol>
        </div>
    </div>
    <!-- 视频播放模块 -->
    <div class="course">
        <div class="w">
            <div class="video fl">
                <div class="pic">
                    <img src="images/course4.jpg" alt="">
                </div>
                <div class="empty">
                    <div class="broadcast">
                        <span class="glyphicon glyphicon-triangle-right"></span> 播放
                    </div>
                </div>
            </div>
            <div class="content fr">
                <div class="content-hd">
                    <h1>大学生创业导论</h1>
                    <div class="share">
                        分享
                        <span style="margin-left:0;"><img src="images/share-qq1.png" alt=""></span>
                        <span><img src="images/share-wx1.png" alt=""></span>
                        <span><img src="images/share-wb1.png" alt=""></span>
                    </div>
                </div>
                <div class="content-bd">
                    <h1>第1次开课</h1>
                    <p>开课时间：2021年11月23日 ~ 2022年02月28日</p>
                    <p>学时安排：5小时每周</p>
                    <span>进行至第1周，共10周</span>
                    <span class="fr" style="color: #afaeae;">已有 37 人参加</span>
                </div>
                <div class="btn">
                    立即参加
                </div>
            </div>
        </div>
    </div>
    <!-- 课程主体模块 -->
    <div class="course-main">
        <div class="w">
            <!-- 课程介绍 -->
            <div class="fl main-left">
                <div class="main-title">
                    <ul>
                        <li class="active"><a href="javascript:;">课程详情</a></li>
                        <li><a href="javascript:;">课程评价(99+)</a></li>
                    </ul>
                </div>
                <div class="main-body">
                    <!-- 课程详情模块 -->
                    <div class="item course-detail">
                        <div class="info">
                            <p>近年来，随着我国加快转变经济发展方式、大力推进创新型国家和人力资源强国建设；深化高等教育教学改革、提高人才培养质量、促进大学生全面发展；落实以创业带动就业，促进高校毕业生充分就业成为学校与社会的重要议题，于是大学生创业教育日益得到各高校的重视，各类大学生创业类别的课程如雨后春笋般地出现。今天已经有越来越多的大学生选择了创业，我国迎来了大学生创业的春天和新一轮热潮。</p>
                            <em class="fr">——— 课程团队</em>
                        </div>
                        <ul>
                            <li>
                                <h1><i><img src="images/value.png" alt=""></i>课程概述</h1>
                                <p>近年来，随着我国加快转变经济发展方式、大力推进创新型国家和人力资源强国建设；深化高等教育教学改革、提高人才培养质量、促进大学生全面发展；落实以创业带动就业，促进高校毕业生充分就业成为学校与社会的重要议题，于是大学生创业教育日益得到各高校的重视，各类大学生创业类别的课程如雨后春笋般地出现。今天已经有越来越多的大学生选择了创业，我国迎来了大学生创业的春天和新一轮热潮。</p>
                            </li>
                            <li>
                                <h1><i><img src="images/aim.png" alt=""></i>授课目标</h1>
                                <p>本课程重点放在对学生创业素质的培养和创业基础知识的介绍，同时指导学生以团队形式开展一些项目化的实践训练。旨在引导学生尽早树立创业意识，学会创新性思维，提升精神心理品质，了解企业创建和运行管理的基础知识，提升实践创新能力。</p>
                            </li>
                            <li>
                                <h1><i><img src="images/book.png" alt=""></i>课程大纲</h1>
                                <span>绪论</span>
                                <p>通过开展大学生创新创业课程，促进高等学校转变教育思想观念，改革人才培养模式，强化创新创业能力训练，增强高校学生的创新能力和在创新基础上的创业能力，培养适应创新型国家建设需要的高水平创新人才。</p>
                                <span>课时</span>
                                <p style="margin-top: 10px;">（1）大学生创业现状及问题</p>
                                <p>（2）创业者的素质</p>
                                <p>（3）创业的理论模型</p>
                                <p>（4）创新思维训练</p>
                                <p>（5）创业机会</p>
                            </li>
                        </ul>
                    </div>
                    <!-- 课程评价模块 -->
                    <div class="item course-evaluation" style="display:none;">
                        <div class="grade-title">
                            <div class="title-left">
                                <h1>4.7</h1>
                                <ul class="star">
                                    <li><img src="images/star-color.png" alt=""></li>
                                    <li><img src="images/star-color.png" alt=""></li>
                                    <li><img src="images/star-color.png" alt=""></li>
                                    <li><img src="images/star-color.png" alt=""></li>
                                    <li><img src="images/star-empty.png" alt=""></li>
                                </ul>
                                <span>共 256 条评价</span>
                            </div>
                            <div class="all fr">
                                <ul>
                                    <li><a href="javascript:;" style="border-right:1px solid #dcd7d7;">本次开课</a></li>
                                    <li class="active"><a href="javascript:;">全部</a></li>
                                </ul>
                            </div>
                        </div>
                        <ul class="line">
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <a href="javascript:;">
                                            <img class="media-object" src="images/username.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="title">
                                            <a href="javascript:;">CLFeiyolo</a>
                                            <ul class="star">
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-empty.png" alt=""></li>
                                            </ul>
                                        </div>
                                        <p> 很棒。美中不足的是：有一些思考题没有答案，一些想法难以得到验证。</p>
                                        <i>发表于 2021-11-29</i>
                                        <i>第6次开课</i>
                                        <div class="fr">
                                            <span class="like"><img src="images/like.png" alt=""></span>
                                            <i>2</i>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <a href="javascript:;">
                                            <img class="media-object" src="images/username.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="title">
                                            <a href="javascript:;">skara</a>
                                            <ul class="star">
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-empty.png" alt=""></li>
                                            </ul>
                                        </div>
                                        <p> 老师讲的很好，出的例题运用多种方法，是非常好的题目。 就是在讲解过程中，能否标记出目前正在讲的部分，带个下划线这类的，我好随时找到。因为有时候听课注意力不集中的话，就常常需要倒带回去重看，有点麻烦。</p>
                                        <i>发表于 2021-11-29</i>
                                        <i>第3次开课</i>
                                        <div class="fr">
                                            <span class="like"><img src="images/like.png" alt=""></span>
                                            <i>8</i>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <a href="javascript:;">
                                            <img class="media-object" src="images/username.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="title">
                                            <a href="javascript:;">李华</a>
                                            <ul class="star">
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-empty.png" alt=""></li>
                                            </ul>
                                        </div>
                                        <p> 内容详细，基本覆盖甚至超出课堂知识点，对于课后复习与课前预习有极大的帮助，感谢Study，让我的学习过程有节奏有目的的进行！！！</p>
                                        <i>发表于 2021-11-29</i>
                                        <i>第6次开课</i>
                                        <div class="fr">
                                            <span class="like"><img src="images/like.png" alt=""></span>
                                            <i>7</i>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <a href="javascript:;">
                                            <img class="media-object" src="images/username.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <div class="title">
                                            <a href="javascript:;">spiritualma</a>
                                            <ul class="star">
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-color.png" alt=""></li>
                                                <li><img src="images/star-empty.png" alt=""></li>
                                            </ul>
                                        </div>
                                        <p> 老师课程讲解有层次，有深度，非常值得认真学习。</p>
                                        <i>发表于 2021-11-29</i>
                                        <i>第6次开课</i>
                                        <div class="fr">
                                            <span class="like"><img src="images/like.png" alt=""></span>
                                            <i>9</i>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 授课教师和相关课程 -->
            <div class="fr main-right">
                <ul>
                    <li>
                        <div class="main-right-hd">
                            <i></i>
                            <h1>
                                授课老师
                            </h1>
                        </div>
                        <div class="media teacher">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/username.jpg" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <i>李老师</i>
                                <i>教授</i>
                            </div>
                        </div>
                        <div class="media teacher">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/username.jpg" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <i>陈老师</i>
                                <i>副教授</i>
                            </div>
                        </div>
                        <div class="media teacher">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/username.jpg" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <i>黄老师</i>
                                <i>讲师</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="main-right-hd">
                            <i></i>
                            <h1>
                                相关课程
                            </h1>
                        </div>
                        <div class="course-value">
                            <ul>
                                <li>
                                    <div class="media">
                                        <div class="media-left fl">
                                            <a href="study-detail.html">
                                                <img class="media-object" src="images/course4.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="media-empty">
                                            <img src="images/video.png" alt="">
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">
                                                <a href="study-detail.html">大学生创业导论</a>
                                            </h4>
                                            <i>张老师</i>
                                            <div style="margin-top:6px;">
                                                <span><img src="images/user.png" alt=""></span>
                                                <i>14924人参加</i>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="media">
                                        <div class="media-left fl">
                                            <a href="javascript:;">
                                                <img class="media-object" src="images/course3.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="media-empty">
                                            <img src="images/video.png" alt="">
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">
                                                <a href="javascript:;">公共关系礼仪实务</a>
                                            </h4>
                                            <i>李老师</i>
                                            <div style="margin-top:6px;">
                                                <span><img src="images/user.png" alt=""></span>
                                                <i>14924人参加</i>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="media">
                                        <div class="media-left fl">
                                            <a href="javascript:;">
                                                <img class="media-object" src="images/course1.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="media-empty">
                                            <img src="images/video.png" alt="">
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">
                                                <a href="javascript:;">大学生国家安全教育</a>
                                            </h4>
                                            <i>王老师</i>
                                            <div style="margin-top:6px;">
                                                <span><img src="images/user.png" alt=""></span>
                                                <i>14924人参加</i>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="media">
                                        <div class="media-left fl">
                                            <a href="javascript:;">
                                                <img class="media-object" src="images/course2.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="media-empty">
                                            <img src="images/video.png" alt="">
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">
                                                <a href="javascript:;">大学生防艾健康教育</a>
                                            </h4>
                                            <i>陈老师</i>
                                            <div style="margin-top:6px;">
                                                <span><img src="images/user.png" alt=""></span>
                                                <i>14924人参加</i>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- footer模块 -->
    <div class="footer">
        <div class="w">
            <div class="top">
                <div class="fl">
                    <div class="logo">
                        <a href="index.html"><img src="images/logo.png" alt=""></a>
                    </div>
                    <h5>用户在高强度、压抑的学习中，可以分享学习成果，记录心情!</h5>
                </div>
                <div class="fl">
                    <ul>
                        <li>
                            <h3>关于我们</h3>
                            <a href="#">集团概况</a>
                            <a href="#">集团部门</a>
                            <a href="#">发展历史</a>
                            <a href="#">法律条款</a>
                        </li>
                        <li>
                            <h3>联系我们</h3>
                            <a href="#">常见问题</a>
                            <a href="#">意见反馈</a>
                            <a href="#">资讯投稿</a>
                            <a href="#">加入我们</a>
                        </li>
                        <li>
                            <h3>关注我们</h3>
                            <div class="wechat">
                                <img src="images/wechat.png" alt="" id="wechat">
                            </div>
                            <div class="weibo">
                                <img src="images/weibo.png" alt="" id="weibo">
                            </div>
                        </li>
                        <li style="margin-right:0;">
                            <h3>友情链接</h3>
                            <a href="#">Study课堂</a>
                            <a href="#">Study集团</a>
                            <a href="#">Study</a>
                        </li>
                    </ul>
                </div>
                <div class="code" id="code">
                    <img src="images/code.png" alt="">
                </div>
                <span class="angle" id="angle"></span>
            </div>
            <div class="bottom">
                <div>
                    广西来宾市兴宾区铁北大道966号 邮编:123456 Email:abcdefg@xxx.edu.cn <br>
                </div>
                <div>
                    <a href="#"> 桂ICP备123456789号 </a> 版权所有 © 广西科技师范学院
                </div>

                <div style="margin-bottom:0;">
                    桂公网安备 1234567890号
                </div>
            </div>
        </div>
    </div>
</body>

</html>